<template>
<div id="out27">
    <div id="top2">
    	        <a href="#/GeRenxx">
			<img id="imgTop1" src="../assets/img/duanhuowang/zuojiantou.png" alt=""/>
			</a>
			<span>绑定手机号</span>
			<div><a href="#/GeRenzx3">保存</a></div>
	</div>
	<div class="back"></div>
	<input type="text" name="name" id="name" value="15012340809" />
</div>
</template>

<script>
	export default {
		name: '',
		methods: {
			round2: function() {
				
			},
		},
		mounted: function() {
			//只有在mounted之后，才可以执行dom操作，也就是说可以在这个方法里面执行那些需要加载立即执行的方法
			this.round2();
		},
	}
</script>

<style>
	#out27 a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#out27{
		background: #f2f2f2;
		height: 100vh;
		overflow: scroll;
	}
	#out27>.back{
		height: 9.6rem;
	}
	#out27>#top2 {
		width: 100vw;
		height: 9.6rem;
		background: #e53e42;
		color: white;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: space-around;
		position: fixed;
		z-index: 10;
		padding-left: 3rem;
		box-sizing: border-box;
	}
	#out27>#top2>div{
		font-size: 3rem;
		font-family: MicrosoftYaHei;
	}
	#out27 #imgTop1 {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	#out27 #top2>span {
		width: 50rem;
		height: 3.6rem;
		font-family: MicrosoftYaHei;
		font-size: 3.6rem;
		font-weight: normal;
		font-stretch: normal;
		line-height: 3.6rem;
		letter-spacing: 0px;
		text-align: right;
		box-sizing: border-box;
		text-align: center;
	}
	#out27>#name{
		font-size: 2.8rem;
		color: #4d4d4d;
		width: 68rem;
		margin: 0 2rem;
		height: 6rem;
		background: #f2f2f2;
		outline: none;
		border: none;
		padding-top: 2rem;
		border-bottom: 0.1rem solid #CCCCCC;
	}
</style>